<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        ul {
          width: 100%;
          height: 300px;
        }

        li {
            width: 25%;
            height: 300px; 
            margin-right: 50px;
            margin-bottom: 10px;
            float: left;
            background-color: skyblue;

        }
    </style>
</head>

<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
<script>
    // for(var i=0;i<6;i++){
    //     setTimeout(() => {
    //         console.log(i)
    //     }, 1000);
    // }
    // for(let i=0;i<6;i++){
    //     setTimeout(() => {
    //         console.log(i)
    //     }, i*1000);
    // }
    for (var i = 0; i < 6; i++) {

        (function (j) {
            setTimeout(() => {
                console.log(j)
            }, 1000 * j);
        })(i)

    }


    var num = 2
    var B = function () {
        console.log(num)
    }



    B()


    let aa=3;
    let aa=4;
    const b=32;
    b=4;
    console.log(aa,b);


</script>

</html>